<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge" />
    <title>西京文交所管理端</title>
    <link rel="stylesheet" href="../../static/iconfont/iconfont.css" >
    <link rel="stylesheet" href="../../static/frameset.css" >
</head>
<body>

    <div id="J_wrap" class="m_wrap m_box_v p_index none">
        <div class="m_top">
            <headers v-on:callback="headerHandle" :userobj.sync="userobj"></headers>
        </div>
        <div class="m_content m_flex1 m_box">
            <menunav index="inquiry" sub="clinch" :navobj.sync="userobj.group_acl"></menunav>
            <div class="container m_over_x m_flex1">
                <div class="taken_box">
                    <ul class="breadcrumbs">
                        <li><span>数据查询</span>&gt;</li>
                        <li class="on">成交查询</li>
                    </ul>
                    <div class="m_search m_box">
                        <div class="m_flex1">
                            <input type="text" class="m_input medium" maxlength="12" v-inputnumber placeholder="交易号" v-model="no">
                            <input v-time type="text" class="m_input m_time" placeholder="成交日期" v-model="date">
                            <select class="m_select" v-model="type">
                                <option value="" disabled selected hidden>交易类型</option>
                                <option value="">全部</option>
                                <option value="1">交易过户</option>
                                <option value="2">非交易过户</option>
                            </select>
                            <button class="m_btn line" v-on:click="reSearch">查询</button>
                            <button class="m_btn line" v-on:click="reset">重置</button>
                        </div>
                        <a class="m_btn" href="/deal/export_list" target="_blank">导出</a>
                    </div>
                    <table class="m_table">
                        <thead>
                            <tr>
                                <th>成交时间</th>
                                <th>成交编号</th>
                                <th>交易号</th>
                                <th>姓名</th>
                                <th>委托编号</th>
                                <th>交易类型</th>
                                <th>成交类型</th>
                                <th>买卖</th>
                                <th>
                                    <div class="m_sort {{ order == 1 ? 'on' : '' }}" v-on:click="setOrder(1)">
                                        成交数量 <i class="{{ oFlag[order].flag ? 'up' : 'down' }}"></i>
                                    </div>
                                </th>
                                <th>
                                    <div class="m_sort {{ order == 2 ? 'on' : '' }}" v-on:click="setOrder(2)">
                                        成交价格 <i class="{{ oFlag[order].flag ? 'up' : 'down' }}"></i>
                                    </div>
                                </th>
                                <th>
                                    <div class="m_sort {{ order == 3 ? 'on' : '' }}" v-on:click="setOrder(3)">
                                        成交票款 <i class="{{ oFlag[order].flag ? 'up' : 'down' }}"></i>
                                    </div>
                                </th>
                                <th>
                                    <div class="m_sort {{ order == 4 ? 'on' : '' }}" v-on:click="setOrder(4)">
                                        手续费 <i class="{{ oFlag[order].flag ? 'up' : 'down' }}"></i>
                                    </div>
                                </th>
                                <th>对方成交编号</th>
                                <th>对方交易号</th>
                                <th>对方姓名</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr v-if="list.length < 1">
                                <td colspan="15">
                                    <div class="tc">
                                        <template v-if="search">没有符合条件的内容</template>
                                        <template v-else>暂无数据</template>
                                    </div>
                                </td>
                            </tr>
                            <tr v-for="item in list" v-if="list.length > 0">
                                <td>{{ item.date }}</td>
                                <td>{{ item.deal_sn }}</td>
                                <td>{{ item.no }}</td>
                                <td>{{ item.name }}</td>
                                <td>{{ item.entrust_sn }}</td>
                                <td>{{ item.trade_type == 1 ? '交易过户' : '非交易过户' }}</td>
                                <td>{{ item.deal_type == 1 ? '买入主动' : '卖出主动' }}</td>
                                <td>{{ item.deal == 1 ? '买' : '卖'}}</td>
                                <td>{{ item.cnt_deal }}</td>
                                <td>{{ item.price_deal | markMoney }}</td>
                                <td>{{ item.fare_deal | markMoney }}</td>
                                <td>{{ item.fee | markMoney }}</td>
                                <td>{{ item.orther_side_sn }}</td>
                                <td>{{ item.other_side_no }}</td>
                                <td>{{ item.other_side_name }}</td>
                            </tr>
                        </tbody>
                    </table>
                    <pages :cur.sync="cur" :all.sync="all" v-on:btn-click="getData"></pages>
                </div>
            </div>
        </div>
    </div>


    <script src="../../js/plugins/zepto/zepto.min.js"></script>
    <script src="../../js/plugins/vue/vue.min.js"></script>
    <script src="../../js/plugins/seajs/sea.js"></script>
    <script src="../../js/plugins/seajs/seajs-text.js"></script>

    <script>
        seajs.use( "../../js/page/inquiry/clinch" );
    </script>

</body>
</html>
